<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
    <link rel="stylesheet" href="../css/bijia.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<script src="../js/flexible.js"></script>
<script src="../js/ajax.js"></script>


<body>
    <!--头部-->
    <header id="header">
        <div>
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="app">
                <a href="#"></a>
            </div>
        </div>
        <!--搜索-->
        <div id="search">
            <input id="text" type="text" placeholder="请输入你想比价的商品">
            <input id="button" type="button" value="搜索">
        </div>
    </header>

    <!--导航栏-->
    <section id="nav">
        
    </section>

    <!-- 商品信息 -->
    <section id="infor">
        
    </section>

    <!-- 页面切换 -->
    <section id="tab">
        <button id="pre">上一页</button>
    
        <div id="pages">
            <div  id="page">

            </div>
        </div>
        <button  id="next">下一页</button>
    </section>


    <!--底部-->
    <section id="footer">
        <div class="brand">
            <p>品牌排行</p>
            <img src="../images/more.png" alt="">
        </div>
        <div class="footer-top">
            <li><a href="">登录</a></li>
            <li><a href="">注册</a></li>
            <li><a href="" id="top">返回顶部</a></li>
        </div>
        <div class="footer-bottom">
            <li><a href="">手机APP下载</a> </li>
            <li><a href="">慢慢买手机版</a> </li>
            <li>--</li>
            <li><a href="">掌上比价平台</a> </li>
        </div>
        <p>m.manmanbuy.com</p>
    </section>

    <!--js文件 注意引入的依赖关系-->
</body>

</html>
<script src="../js/bijia.js"></script>